<!DOCTYPE html>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
if (window.testRunner)
  testRunner.waitUntilDone();

runAfterLayoutAndPaint(function() {
  content.style.height = '250px';
  runAfterLayoutAndPaint(function() {
    content.style.height = '150px';
  }, true);
});
</script>
<div style="height: 100px">
  <div style="height: 200px">
    <div id="float" style="float: left; width: 300px; height: 100%; overflow: scroll; background-color: green">
      <div id="content" style="height: 150px"></div>
    </div>
  </div>
</div>
